<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8" />
    <title>引导页</title>
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
	<link rel="stylesheet" href="libs/css/mui.min.css"/>
	<style type="text/css">
		body {
			background-color: black;
		}	
		.guide-img {
			width: 100%;
		}		
		#start {
			position: absolute;
			bottom: 40px;
			width: 60%;
			left: 20%;
			color: #fff;
		}
		.mui-slider-indicator .mui-indicator{
			-webkit-box-shadow:none;
			box-shadow:none;
		}
	</style>
</head>

<body data-path='libs/i18n/'>
		<div class="mui-content">
			<div class="mui-slider mui-fullscreen">
				<div class="mui-slider-group">
					<div class="mui-slider-item">
						<a href="javascript:;">
							<img class="guide-img" src="img/1.png">
						</a>
					</div>
					<div class="mui-slider-item">
						<a href="javascript:;">
							<img class="guide-img" src="img/2.png">
						</a>
					</div>
					<div class="mui-slider-item">
						<a href="javascript:;">
							<img class="guide-img" src="img/3.png">
						</a>
					</div>
					<div class="mui-slider-item">
						<a href="javascript:;">
							<img class="guide-img" src="img/4.png">
							<button class="mui-btn mui-btn-outlined" type="button" id="start" style="border-color: #fff;">开始体验</button>
						</a>
					</div>
				</div>
				<div class="mui-slider-indicator">
					<div class="mui-indicator mui-active"></div>
					<div class="mui-indicator"></div>
					<div class="mui-indicator"></div>
					<div class="mui-indicator"></div>
				</div>
			</div>
		</div>	
<!--基于框架引入的js-->
<script src="libs/js/mui.min.js"></script>
<script src="libs/js/jquery-3.2.1.min.js"></script>
<script>
	mui.init();
	mui.plusReady(function() {
//		if(plus.storage.getItem("launchFlag") == 'true'){
//			mui.openWindow('index.html', 'index.html', {
//				show: {aniShow: 'none'}
//			});
//		}
		/*获取系统状态栏高度*/
		var sh = plus.navigator.getStatusbarHeight();
		/*获取设备屏幕高度分辨率以及宽度分辨率*/
		var h = plus.screen.resolutionHeight;
		var w = plus.screen.resolutionWidth;
		/*设置图片高度，iphone6plus规格*/
		var imgs = document.querySelectorAll(".guide-img");
		for(var i = 0, len = imgs.length; i < len; i++) {
			imgs[i].style.height = (h - sh) + "px";
			imgs[i].style.width = w + "px";
		}
		
		/*手动关闭启动页 */
		plus.navigator.closeSplashscreen();
		document.getElementById("start").addEventListener("tap", function() {			
			if (localStorage.getItem("localLang")==undefined||localStorage.getItem("localLang")==""&&localStorage.getItem("localLang")==null) {
				mui.openWindow({url: "chageLanguage.html",id: "chageLanguage"});
			}else{
				mui.openWindow({url: "index.html",id: "index"});
			}
		});
	});
	
	/*屏蔽back事件 */
	mui.back = function(){
	    return false;
	}
</script>
</body>

</html>